$(()=>{
		var LIWIDTH=1197, moved=0, interval=500, wait=3000, timer=null;
		//先通过ajax请求图片
		$.getJSON("php/banner.php",data=>{
			var html="";
			for(var c of data){
				var {href, title, img}=c;
				html+=`<li>
				<a href="${href}" title="${title}">
					<img src="${img}">
				</a>
			</li> `;
			}
			//造假第五张是1的图片
			var {href, title, img}=data[0];
			html+=`<li>
			<a href="${href}" title="${title}">
				<img src="${img}">
			</a>
		</li>`;
			//获取图片的位置
			var $ulImgs=$("#banner>.banner-img");//父元素图片
			$ulImgs.html(html)//
				.css("width",LIWIDTH*(data.length+1));//把图片竖着放的改成横着放的
			var $ulIdxs=$(".indicators");//获取小圆点的路径
			$ulIdxs.html("<li></li>".repeat(data.length))//repeat是重复li4个
				.children(":first").addClass("hover");
			function move(dir){//1  -1
				dir=dir||1;//dir是控制左边的按钮的1或者-1
				if(moved==0&&dir==-1){
					moved=data.length;
					$ulImgs.css("left",-LIWIDTH*moved);
				}
				moved+=dir;
				$ulImgs.animate({left:-LIWIDTH*moved},
					interval,function(){
						if(moved==data.length){
							moved=0;
							$ulImgs.css("left",0);
						}
						$ulIdxs.children(":eq("+moved+")")//小圆点加hover
							.addClass("hover")
							.siblings().removeClass("hover");
					});
			}
			timer=setInterval(move,wait);//每等3秒，就播放一个500毫秒的动画
			//鼠标经过时停止，鼠标移出时继续hover(xx,xx)
			$("#banner").hover(
				function(){clearInterval(timer); timer=null},
				function(){
					timer=setInterval(move,wait);
				}
			);
			//小圆点的点击事件给父元素绑定利用冒泡this=>li
			$ulIdxs.on("click","li:not(.hover)",function(){
				var $li=$(this);
				moved=$li.index();//获取当前小圆点的位置
				$ulImgs.animate({
					left: -LIWIDTH*moved
				},interval,function(){//interval是全局变量500ms
					$ulIdxs.children(":eq("+moved+")")
						.addClass("hover")
						.siblings().removeClass("hover");
				});
			});
			//左右按钮的点击事件
			$(".ck-right").click(function(){
				if(!$ulImgs.is(":animated"))
					move();//因为这所以上面定义了move函数
			});
			$(".ck-left").click(function(){
				if(!$ulImgs.is(":animated"))
					move(-1);
			})
		})
	});
/****楼层滚动效果*****************************************************************/
$(()=>{
    var $divLift=$("#lift"),
        $ulLift=$("#lift>ul"),
        $floors=$(".floor");
    $(window).scroll(function(){
        var scrollTop=document.body.scrollTop ||document.documentElement.scrollTop;
        var offsetTop1=$("#f1").offset().top; //滚动到f1时显示框
        if(offsetTop1<=scrollTop+innerHeight/2)
            $divLift.show();
        else
            $divLift.hide();

        $floors.each((i,f)=>{   //遍历
            var $f=$(f);
            var offsetTop=$f.offset().top;
            if(offsetTop<=scrollTop+innerHeight/2){
                $ulLift.children(":eq("+i+")").addClass("hover")
                    .siblings().removeClass("hover");
            }
        })

        $ulLift.children().click(function(){
            //this->li
            var $li=$(this);
            var i=$li.index();
            var offsetTop=$(".floor:eq("+i+")").offset().top;
            $("html").stop(true).animate({
                scrollTop:offsetTop
            },500);
        })
    })
})
